<!--作者:于大明-->
<template>
	<view class="assign-item">
		<uni-list-item direction="row" :clickable="false" :show-arrow="false">
			<!-- 通过v-slot:header插槽定义列表左侧的图片显示，其他内容通过List组件内置属性实现-->
			<template v-slot:header>
				<!-- 当前判断长度只为简单判断类型，实际业务中，根据逻辑直接渲染即可 -->
				<!-- https://ext.dcloud.net.cn/plugin?id=10748 -->
				<trigger-lazyLoad imageModel="scaleToFill" height="150rpx" width="200rpx"
					:src="inputItem.viedeoCollectionPosterUrl" class="image-1" :loadSrc="$cw.ImgLoadingUrl" />
			</template>

			<template v-slot:body>
				<view class="uni-list-item__content ml-1">
					<text class="uni-list-item__content-title">
						{{ inputItem.viedeoCollectionName }}
					</text>

					<view class="uni-list-item__content-note d-flex">
						{{inputItem.createTime}}
					</view>
				</view>
			</template>

			<template v-slot:footer>
				<view class="d-flex flex-column ml-1">
					<text class="text-green">
						分账:{{inputItem.assigMoney}}元
					</text>
					
					<text class="font-24 text-red">
						交易:{{inputItem.videoMoney}}元
					</text>
				</view>
			</template>

		</uni-list-item>

	</view>
</template>

<script src="./assign-item.js"></script>

<style lang="less" scoped>
	@import url('assign-item.less');
</style>